<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="preview/css/reset.css"/>
    <link rel="stylesheet" href="preview/css/swiper.css"/>
    <link rel="stylesheet" href="preview/css/ningyuan_lib_states.css"/>
    <script src="preview/js/jquery-3.2.1.min.js"></script>
    <script src="preview/js/rem.js"></script>
    <script src="preview/js/swiper.min.js"></script>
    <script src="preview/js/echarts.min.js"></script>
    <script src="preview/js/index.js"></script>
    <title>总分馆</title>
</head>
<body>
    <div class="box">
        <div class="title">
            <img src="preview/img/logo1.png" alt=""/>
        </div>
        <div class="wrap" id="myMap">
            <div id="map"></div>
        </div>
        <div class="Carousel">
            <div class="swiper-container swiper-container-index">
                <div class="swiper-wrapper">
                    <!-- 第一屏  swiper-no-swiping  -->
                    <div class="swiper-slide">
                        <iframe src="./totalCome.html" frameborder="0" id="come"></iframe>

                    </div>
                    <!-- 第二屏-->
                    <div class="swiper-slide">
                        <iframe src="./todayCome.html" frameborder="0" id="todayCome"></iframe>
                        <iframe src="./downLoad.html" frameborder="0" id="downLoad"></iframe>
                    </div>

                    <!-- 第二屏-->
                    <div class="swiper-slide">
                        <iframe src="./total.html" frameborder="0" id="total"></iframe>
                    </div>
                    <!-- 第三屏-->
                    <div class="swiper-slide">
                        <iframe src="./todayBorrow.html" frameborder="0" id="todayBorrow"></iframe>
                    </div>

                </div>
                <!-- 分页器  -->
                <div class="swiper-pagination"></div>
                <!--左右点击箭头按钮 -->
                <!--<div class="swiper-button-next" style="top:40%;right:0;width: 60px;height: 122px;margin-top: -22px;background-image:url(img/r_arrow.png);"></div>-->
                <!--<div class="swiper-button-prev" style="top:40%;left:0;width: 60px;height: 122px;margin-top: -22px; background-image:url(img/l_arrow.png);"></div>-->
            </div>
        </div>


    </div>
</body>
<script type="text/javascript">

    window.onload = function(e){
        getRem(100,1080);
        //阻止浏览器默认行为触发的通用方法
        /////渲染完数据实例化swiper
        var swiper = new Swiper('.swiper-container-index', {
            autoplay: {
                delay: 60000,
//                stopOnLastSlide: false,
                disableOnInteraction: true,////用户手动操作之后自动播放不会停止
             },
            loop : false,
//            noSwiping : true,
            pagination: {////分页器
                el: '.swiper-pagination',
                type: 'fraction',
            },
//            navigation: {/////左右点击切换按钮
//                nextEl: '.swiper-button-next',
//                prevEl: '.swiper-button-prev',
//            },
        });



    }
</script>
</html>